@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-29 16:02:17
 * @version $Id$
 */
 @import '../../../public_src/css/lessParams.less';
 html{
 	font-size: 750px;
 	display: block!important;
 }
.thread{
	min-height: 100%;
	background-color: #ebebeb;
	font-size: 30*@font-cale;
	color: #a8a8a8;
	padding-top: 80*@font-cale;
	overflow-x: hidden;
	ul{
		margin: 0;
		padding: 0;
	}
	a{
		color: #a8a8a8;
		text-decoration: none;
	}
	ul,li{
		list-style: none;
	}
	li{
		padding: 18*@font-cale 20*@font-cale;
		background-color: #fff;
		border-bottom: 1px solid #dddddd;
	}
	form{
		height: 0;
	}
	.avatar{
		width: 100*@font-cale;
		height: 100*@font-cale;
		position: relative;
		border: 1px solid #ddd;
		img{
			width: 96*@font-cale;
			height: 96*@font-cale;
		}
		b{
			width: 20*@font-cale;
			height: 20*@font-cale;
			background-color: #ee453b;
			border-radius: 50%;
			position: absolute;
			top: -10*@font-cale;
			right: -10*@font-cale;
		}
	}
	.info{
		margin-left: 120*@font-cale;
	}
	.info-header{
		margin-bottom: 18*@font-cale;
		.nickname{
			color: #101010;
			font-size: 32*@font-cale;
			margin-right: 42*@font-cale;
			font-weight: normal;
		}
		.msg{
			font-size: 28*@font-cale;
			font-weight: 300;
		}
	}
	.info-footer{
		font-size: 26*@font-cale;
		font-weight: 300;
		section{
			-webkit-align-items: center;
			align-items: center;
		}
		label{
			font-size: 24*@font-cale;
			padding: 0 14*@font-cale;
			background-color: #4d90fe;
			height: 36*@font-cale;
			line-height: 2*18*@font-cale;
			min-height: 16px;
			border-radius: 18*@font-cale;
			color: #fff;
			margin-right: 18*@font-cale;
		}
		.time{

		}
		.right{
			color: #bebebe;
			span{
				display: inline-block;
			}
			label{
				color: #bebebe;
				background-color: #fff;
				margin-right: 20*@font-cale;
				padding-left: 0;
				padding-right: 0;
			}
			.new-msg{
				color: #ee453b;
			}
			.new-msg-sender{
				color: #272727;
			}
		}
		.sender{
			min-width: 80*@font-cale;
			text-align: right;
		}
	}
}